<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">


		<br />
		
		<h:form>
		
		<rich:collapsiblePanel id="expandeTabLineaProducto" header="Lineas de producto" switchType="client" expanded="true"> 
		
		<div class="tituloSec">
					<h:outputText value="Crear Línea de Producto" />
				</div>
				<br/>
				
				<h:panelGrid columns="5" style="width:100%" id="panelCampos">
					<h:panelGroup>
						<h:panelGrid columns="2">
							<h:outputText value="Nombre" styleClass="txtUnoVin" />
							<h:inputText styleClass="cajaSimple" value="#{crudLineaProductoBean.valorActual.nombre}" />
						</h:panelGrid>
					</h:panelGroup>
									
					<h:panelGroup>
						<h:panelGrid columns="2">
							<h:outputText value="Empresa" styleClass="txtUnoVin" />
							<h:selectOneMenu styleClass="combo" 
							value="#{crudLineaProductoBean.valorActual.empresa}">
							<f:selectItems value="#{crudLineaProductoBean.empresasList}" />
						</h:selectOneMenu>
						</h:panelGrid>


					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							<h:outputText value="Estado" styleClass="txtUnoVin" />
							<h:selectOneMenu styleClass="combo"
						value="#{crudLineaProductoBean.valorActual.estado}">
						<f:selectItems value="#{cacheParametrosBean.estadosList}" />
					</h:selectOneMenu>
						</h:panelGrid>


					</h:panelGroup>

				</h:panelGrid>

				<div align="right">
					<h:panelGrid columns="2">
						<h:panelGroup>
					<a4j:commandButton styleClass="botonAgregar" value="Guardar"
						action="#{crudLineaProductoBean.doSave}"
						render="panelCampos,tablaResultados">


					</a4j:commandButton>

				</h:panelGroup>
				<h:panelGroup>
					<a4j:commandButton styleClass="botonLimpiar" value="Limpiar"
						action="#{crudLineaProductoBean.doClean}"
						render="panelCampos,tablaResultados">

					</a4j:commandButton>

				</h:panelGroup>

					</h:panelGrid>

				</div>
				<br />

				<rich:dataTable id="tablaResultados" styleClass="tablas"
			rowClasses="impar,par" rows="5"
			value="#{crudLineaProductoBean.listaSimple}" style="width:100%"
			iterationStatusVar="varkey" var="fila">

				<rich:column style="width:35%">
					<f:facet name="header">
						<h:outputText value="ID" />
					</f:facet>
					<h:outputText value="#{fila.id}" />
				</rich:column>


				<rich:column style="width:40%">
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{fila.nombre}" />

					</rich:column>

					<rich:column style="width:20%">
						<f:facet name="header">
							<h:outputText value="Empresa" />
						</f:facet>
						<h:outputText value="#{fila.empresa}" />
					</rich:column>
					<rich:column style="width:5%">
						<f:facet name="header">
							<h:outputText value="Estado" />
						</f:facet>
						<h:outputText value="#{fila.estado}" />
					</rich:column>



					<rich:column style="width:5%">
						<f:facet name="header">
							<h:outputText value="Acciones" />
						</f:facet>
						<div align="center">
							<h:panelGrid columns="3">
								<h:panelGroup>
							<a4j:commandButton styleClass="botonModificar" value=" "
								action="#{crudLineaProductoBean.doEditable}"
								render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Modificar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudLineaProductoBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>
						<h:panelGroup>
							<a4j:commandButton styleClass="botonEliminar" value=" "
								action="#{crudLineaProductoBean.doDeleted}"
								render="panelCampos,tablaResultados">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Eliminar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudLineaProductoBean.id}" />
							</a4j:commandButton>
						</h:panelGroup>
						
						<h:panelGroup>
							<a4j:commandButton styleClass="botonSeleccionar" value=" "
								action="#{crudProductoBean.actionSeleccionarLineaProducto}"
								render="expandeTabProducto,panelCamposP">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Seleccionar Linea de producto" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudProductoBean.idLineaProductoSelected}" />
							</a4j:commandButton>
						</h:panelGroup>
						
							</h:panelGrid>
						</div>
					</rich:column>
					
					<f:facet name="footer">
				<rich:dataScroller id="paginadorResultados" />
			</f:facet>
					

				</rich:dataTable>
				
				
		</rich:collapsiblePanel>
		</h:form>
		
		
		<h:form>
		
		<rich:collapsiblePanel id="expandeTabProducto" header="LINEA DE PRODUCTO SELECCIONADA [  #{crudProductoBean.lineaProductoSelected.nombre}  ]" switchType="client" expanded="true"> 
		
		<div class="tituloSec">
					<h:outputText value="Crear Producto" />
				</div>
				<br/>
				<h:panelGrid id="panelCamposP">
				<h:panelGrid columns="6" style="width:100%" styleClass="tablaGenerica">
					<h:panelGroup>
						<h:panelGrid columns="2">
						<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Nombre del producto" />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.nombre}" />
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Unidad de medida"  />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.unidadMedida}" />
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Gramaje" />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.gramaje}" />
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Original" />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.original}" />
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Línea de producto"/>
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimpleDisable" value="#{crudProductoBean.lineaProductoSelected.nombre}" disabled="true" />
					
					
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Tipo papel"/>
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimpleDisable" value="#{crudProductoBean.valorActual.tipoPapel}" />
						</h:panelGrid>
					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							<h:panelGroup>
							<div class="txtUnoVin">
							<h:outputText value="Código interno"  />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.codigoInterno}" style="width:120px;" />
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Tamaño" />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.tamano}" style="width:120px;"/>
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Número de tintas"  />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.numTintas}" style="width:120px;"/>
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Número de copias"  />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.numCopias}" style="width:120px;"/>
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Estado"  />
							</div>
							</h:panelGroup>
							<h:selectOneMenu styleClass="combo"
						value="#{crudProductoBean.valorActual.estado}">
						<f:selectItems value="#{cacheParametrosBean.estadosList}" style="width:120px;"/>
					</h:selectOneMenu>
					
					     <h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Categoria"  />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.categoria}" style="width:120px;"/>
							
						</h:panelGrid>
					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
						<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Cantidad disponible" />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.cantDisponible}" style="width:120px;"/>
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Precio unitario"  />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.precioUnitario}" style="width:120px;"/>
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Número de páginas"  />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.numPaginas}" style="width:120px;"/>
							<h:outputText value="Numeración" styleClass="txtUnoVin" />
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.numeracion}" style="width:120px;"/>
							<h:outputText value="Acabado" styleClass="txtUnoVin" />
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.acabado}" style="width:120px;"/>
						</h:panelGrid>


					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
						<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Tipo de material" />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.tipoMaterial}" />
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Tráfico" />
							</div>
							</h:panelGroup>
							<h:inputText styleClass="cajaSimple" value="#{crudProductoBean.valorActual.trafico}" />
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Descripción"  />
							</div>
							</h:panelGroup>
							<h:inputTextarea id="comments" styleClass="cajaGrande" value="#{crudProductoBean.valorActual.descripcion}" />
							
							<h:panelGroup>
						<div class="txtUnoVin">
							<h:outputText value="Producto Nuevo"  />
							</div>
							</h:panelGroup>
							<h:selectOneMenu styleClass="combo"
						value="#{crudProductoBean.valorActual.nuevo}">
						<f:selectItem itemLabel="Seleccione" itemValue="-"/>
						<f:selectItem itemLabel="NO" itemValue="N"/>
						<f:selectItem itemLabel="SI" itemValue="S"/>
					</h:selectOneMenu>
						</h:panelGrid>
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							
						</h:panelGrid>
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					
					<h:panelGroup>
						<h:panelGrid columns="2">
							
						</h:panelGrid>
					</h:panelGroup>
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							
						</h:panelGrid>
					</h:panelGroup>	
					<h:panelGroup>
						
					</h:panelGroup>
					<h:panelGroup>
						<h:panelGrid columns="2">
							

						</h:panelGrid>
					</h:panelGroup>	
					
					
									

				</h:panelGrid>
				
				
				
					
					<div align="left">
					
					<h:panelGrid columns="1">
			<h:outputText value="Subir imagen del producto"
				styleClass="txtUnoVin" />
			<h:panelGroup>
				<h:panelGrid columns="2" columnClasses="top,top"
					styleClass="tablaGenerica">
					<rich:fileUpload fileUploadListener="#{crudProductoBean.listener}"
						id="upload" acceptedTypes="jpg, gif, png, bmp"
						ontyperejected="alert('Únicamente son permitidos los formatos JPG, GIF, PNG y BMP');"
						maxFilesQuantity="1" addLabel="Agregar archivo" uploadLabel="Subir" clearAllLabel="Limpiar" deleteLabel="Eliminar" clearLabel="Limpiar">
						<a4j:ajax event="uploadcomplete" execute="@none" render="info"/>
					</rich:fileUpload>
					
					<h:panelGroup id="info" layout="block">
                <rich:panel bodyClass="info">
                    <f:facet name="header">
                        <h:outputText value="Imágen" />
                    </f:facet>
                    <h:outputText value="#{crudProductoBean.valorActual.urlImagen}"/>
                    
                        <rich:panel bodyClass="rich-laguna-panel-no-header">
                        
                         <div align="center">
                            <h:panelGrid columns="1">
                                <a4j:commandLink execute="@this" value=" " render="panelImagenProducto" action="#{crudProductoBean.asignarImagen}" oncomplete="#{rich:component('panelImagenProducto')}.show()">
								  <h:graphicImage url="../resources/img/upload/#{crudProductoBean.valorActual.urlImagen}" library="img"  width="80" height="80" />
								   <a4j:param value="#{crudProductoBean.valorActual.urlImagen}" assignTo="#{crudProductoBean.urlImagenPreview}" />
					            </a4j:commandLink>
                            </h:panelGrid>
                          </div> 
                        </rich:panel>
                    
                </rich:panel>
                
            </h:panelGroup>
					
				</h:panelGrid>

			</h:panelGroup>

		</h:panelGrid>
					</div>
				
				
				</h:panelGrid>
				<br />
				<br />
				<div align="right">
				<h:panelGrid columns="2">
						<h:panelGroup>
					<a4j:commandButton styleClass="botonAgregar" value="Guardar"
						action="#{crudProductoBean.doSave}"
						render="panelCamposP,tablaResultadosP">
						<a4j:param value="#{crudProductoBean.lineaProductoSelected.id}" assignTo="#{crudProductoBean.valorActual.lineaProducto}" />
					</a4j:commandButton>

				</h:panelGroup>
				<h:panelGroup>
					<a4j:commandButton styleClass="botonLimpiar" value="Limpiar"
						action="#{crudProductoBean.doClean}"
						render="panelCamposP,tablaResultadosP">
						<a4j:param value="#{crudProductoBean.lineaProductoSelected.id}" assignTo="#{crudProductoBean.valorActual.lineaProducto}" />
					</a4j:commandButton>
				</h:panelGroup>




					</h:panelGrid>
					<br />
					<br />
				</div>
				<rich:dataTable id="tablaResultadosP" styleClass="tablas"
			rowClasses="impar,par" rows="5"
			value="#{crudProductoBean.listaSimple}" style="width:100%"
			iterationStatusVar="varkey" var="fila">

					<rich:column style="width:15%">
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{fila.nombre}" />

					</rich:column>
					
					
					<rich:column style="width:15%">
						<f:facet name="header">
							<h:outputText value="Linea de producto" />
						</f:facet>
						<h:outputText value="#{fila.lineaProducto}" />

					</rich:column>



					<rich:column style="width:5%">
						<f:facet name="header">
							<h:outputText value="Cantidad disponible" />
						</f:facet>
						<h:outputText value="#{fila.cantDisponible}" />


					</rich:column>

					<rich:column style="width:5%">
						<f:facet name="header">
							<h:outputText value="Precio unitario" />
						</f:facet>
						<h:outputText value="#{fila.precioUnitario}" />

					</rich:column>

					<rich:column style="width:45%">
						<f:facet name="header">
							<h:outputText value="Descripción" />
						</f:facet>
						<h:outputText value="#{fila.descripcion}" />

					</rich:column>

					<rich:column style="width:5%">
						<f:facet name="header">
							<h:outputText value="Estado" />
						</f:facet>
						<h:outputText value="#{fila.estado}" />

					</rich:column>



					<rich:column style="width:10%">
						<f:facet name="header">
							<h:outputText value="Acciones" />
						</f:facet>
						<div align="center">
							<h:panelGrid columns="2">
								<h:panelGroup>
							<a4j:commandButton styleClass="botonModificar" value=" "
								action="#{crudProductoBean.doEditable}"
								render="panelCamposP,tablaResultadosP">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Modificar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudProductoBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>
						<h:panelGroup>
							<a4j:commandButton styleClass="botonEliminar" value=" "
								action="#{crudProductoBean.doDeleted}"
								render="panelCamposP,tablaResultadosP">
								<rich:tooltip layout="block" mode="client">
									<h:outputText value="Eliminar" escape="false" />
								</rich:tooltip>
								<a4j:param value="#{fila.id}" assignTo="#{crudProductoBean.id}" />
							</a4j:commandButton>

						</h:panelGroup>
							</h:panelGrid>
						</div>
					</rich:column>
					
					<f:facet name="footer">
				<rich:dataScroller id="paginadorResultadosP" />
			</f:facet>

				</rich:dataTable>
		
		
		</rich:collapsiblePanel>
		
		
		
		<rich:popupPanel modal="true" id="panelImagenProducto" autosized="true" >
				<f:facet name="header">
					<h:panelGroup>
						<h:outputText value="Producto"></h:outputText>
					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="../resources/img/close.png" styleClass="hidelink"
							onclick="#{rich:component('panelImagenProducto')}.hide()" />
					</h:panelGroup>
				</f:facet>
				<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0">
					<ui:include src="imagenProductoInclude.xhtml" />
				</h:panelGrid>
			</rich:popupPanel>
		</h:form>
</ui:composition>
